<template>
  <div>
    count:{{ count }}
    <button @click="addA">累加</button>
  </div>
</template>

<script lang="ts">
import {ref} from 'vue'
 import { defineComponent } from 'vue'
  export default  defineComponent({
    name:'App'
  })
</script>
<!-- /* 
  使用ref方法来创建响应式数据:
    - 接受一个内部值，返回一个响应式的、可更改的 ref 对象
    - 此对象只有一个指向其内部值的属性 .value
    - 它也是响应式的，即所有对 .value 的操作都将被追踪
*/ -->
<script lang="ts" setup>
  let count=ref(1)
  const addA=()=>{
    count.value++
  }
</script>

<style lang="less" scoped>
  
</style>